<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>布局基础-定宽模式</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/layout1.css">
</head>
<body>
<div class="wrapper">
    <div class="header">
        <h1>定宽布局1006px</h1>
        <p>采用栅格系统设计 分为12列 列宽为78px 六百5px 实际内容宽度为991px 每格宽度为83px</p>
    </div>
    <div class="clear"></div>
    <div class="main">
        <div class="sidebar">
            <p>3列*83=24px，实际内容宽度244px，留白5px</p>
        </div>
        <div class="content">
            <p>9列*83=742px</p>
        </div>
    </div>
    <div class="clear"></div>
    <div class="footer">
        <address>页脚：地址信息</address>
    </div>
</div>
</body>
</html>